<!DOCTYPE html> 
<html> 
<head>  
    <!--META-->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">

    <!--CSS-->
    <link rel="stylesheet" href="API/css/themes/default/jquery.mobile.min.css" />
    <!--<link rel="stylesheet" href="css/datatables/css/jquery.dataTables.css"/>--> 
    <link rel="stylesheet" href="API/css/mycss.css" />
    <link rel="stylesheet" href="css/mycss.css" />

    <!--JS-->
    <script type="text/javascript" src="API/js/jquery.min.js"></script>
    <script type="text/javascript" src="API/js/jquery.mobile.min.js"></script>
    <!--<script type="text/javascript" src="API/js/highcharts.js"></script>-->
    <!--<script type="text/javascript" src="API/js/modules/exporting.js"></script>-->
    <!--<script type="text/javascript" src="API/js/jquery.dataTables.min.js"></script>--> 
    <script type="text/javascript" src="include/config.js"></script>
    <script type="text/javascript" src="API/js/fonctions.js"></script>
    <script type="text/javascript" src="js/fonctions.js"></script>

    <script language="javascript" type="text/javascript">
    ///////////////////
    //BLOCK VARIABLE GLOBAL
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS EVENEMENTS
    ///////////////////
    //A la construction de la page
    $(document).on('pageinit',function() {
        try {
            // Init commmun
            init_commun();

            // Init page
        } catch (er) {
            log(0, "ERROR(init_home):" + er.message);
        }
    });

    //Affichage de la page avant onload
    $(document).on('pageshow',function() {
        try {
            //
        } catch (er) {
            log(0, "ERROR(show):" + er.message);
        }
    });

    //Fin chargement page
    function OnLoad() {
        try {
            //
        } catch (er) {
            log(0, "ERROR(OnLoad):" + er.message);
        }
    }

    ///////////////////
    //BLOCK FONCTIONS METIER
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS DB
    ///////////////////

    ///////////////////
    //BLOCK FONCTIONS PRESENTATION
    ///////////////////
    </script>
</head> 

<body onload="OnLoad();"> 

	<!-- page -->
	<div data-role="page" data-title="Contact">
	
            <!-- header -->
            <div data-role="header">
                <h1>Contact</h1>
            </div>
            <!-- /header -->

            <!-- content -->
            <div data-role="content" id="main_content">
                <div data-role="collapsible" data-collapsed="false" data-mini="true" id="div_contact">
                    <h4>Par formulaire de contact</h4>
                    <label id="id_msg"></label>
                    <form action="form.php" method="post" name="form_contact" id="form_contact">
                        <div data-role="fieldcontain">
                            <label for="basic">Saisir code de s&eacute;curit&eacute;, la date du jour :</label><br>
                            <input type="text" name="codeDate" id="codeDate" value="" placeholder="dd/mm/yyyyy"/>
                        </div>
                        <div data-role="fieldcontain">
                            <label for="basic">Comment vous r&eacute;pondre (Gsm, Email, etc) :</label><br>
                            <input type="text" name="howtocontact" id="howtocontact" value="" placeholder="R&eacute;ponse ici"/>
                        </div>	
                        <div data-role="fieldcontain">
                            <label for="textarea">Votre message :</label><br>
                            <textarea name="textarea" id="textarea">
                            </textarea>
                        </div>	
                        <a href="javascript:window.location = ('./index.html?mili='+getMilise());" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true" id="accesperdu">Retour</a>
                        <a href="javascript:saisirContact(document.forms.form_contact.codeDate.value, document.forms.form_contact.howtocontact.value, document.forms.form_contact.textarea.value);" data-role="button" data-inline="true" data-icon="arrow-r" data-mini="true">Soumettre</a>					
                    </form>
                </div>
                <label id="id_msgRetour"></label>
            </div>
            <!-- /content -->

            <!-- footer -->
            <div data-role="footer" data-position="fixed">
                    <h1>Merci de la visite</h1>
            </div>
            <!-- /footer -->
		
	</div>
	<!-- /page -->
	
</body>
</html>